// tabs
var allTabs = Ext.create('Ext.tab.Panel', {
	id : 'allTabs',
	activeTab : 0,
	defaults : {
		bodyPadding : 10
	},
	region : 'center',
	items : [{
				id : 'asSettingsTab',
				title : 'Analysis Services Settings',
				layout : {
					type : 'anchor'
				},
				items : [as_axis0Panel, as_axis1Panel, as_axis2Panel, as_axis3Panel,
						as_resultPanel, as_callBtnPanel]
			}, {
				id : 'asTab',
				title : 'Analysis Services Result',
				layout : {
					type : 'anchor'
				},
				items: []
			}, {
				id : 'rsSettingsTab',
				title : 'Reporting Services Settings',
				layout : {
					type : 'anchor'
				},
				items : [rs_axis0Panel, rs_axis1Panel, rs_resultPanel, rs_featurePanel,
						rs_callBtnPanel]
			}, {
				id : 'rsTab',
				title : 'Reporting Services Result',
				html : '<iframe id="rsTabFrm" frameborder="0" width="100%" height="100%"></iframe>'
			}]
});
// console
var consolePanel = Ext.create('Ext.panel.Panel', {
			bodyPadding : 5,
			id : 'consolePanel',
			title : 'Console',
			region : 'south',
			split : true,
			height : 200,
			autoScroll : true
		});

// initialize ui
Ext.onReady(function() {
			// root container
			Ext.create('Ext.container.Viewport', {
						layout : 'border',
						items : [allTabs, consolePanel],
						renderTo : Ext.getBody()
					});
		});